<!-- 前台 – 我的		mine -->
<template>
	<view class="warps">
		<view class="mine-lan">

		</view>
		<view class="mine-nicheng">
			<view class="">
				<view class="f d c bold fs36" style="position:absolute;top:-90rpx;left:280rpx;">
					<image style="width: 196rpx;height: 196rpx;" src="../../../static/img/111.png" mode=""></image>
					<text>昵称昵称昵称</text>
				</view>
				<view>

				</view>
			</view>
			<view class="" style="margin-top:300rpx;" >
				<view class="w90" @click="a1">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/080.png" mode=""></image>
							</view>
							<view>
								<text>所在团队</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a">
					<view class="f b c">
						<view class="f b c" style="width:28vw;">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/113.png" mode=""></image>
							</view>
							<view>
								<text>会员增长率</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a2">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/119.png" mode=""></image>
							</view>
							<view>
								<text>巡查日志</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10"  @click="a3">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/114.png" mode=""></image>
							</view>
							<view>
								<text>反馈列表</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a4">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/115.png" mode=""></image>
							</view>
							<view>
								<text>合同协议</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view>
				
			</view>
		</view>
		<view class="">
			<view class="">
				<view class="cover" v-show="show">
						
				</view>
				<view class="Details-huod" v-show="show">
					<view class="content">
						<view class="content-top">
							
						</view>
						<view class="senter f d p_t_20">
							<view>
								<text class="fs16">本月会员数：1400</text>
							</view>
							<view class="p_t_20">
								<text class="fs16">本月会员数：1400</text>
							</view>
							<view class="p_t_20 fs16">
								<text>会员增长率：16.7%</text>
							</view>
						</view>
					</view>
				</view>
				<view class="content-guan" v-show="show"  @click="show = false">
					<image style="width: 64rpx;height: 64rpx;" src="../../../static/img/020.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="TBB">
			<TABBAE :idx="2"></TABBAE>
		</view>
	</view>
</template>

<script>
	import TABBAE from '../tabbar/tabbar.vue'
		export default {
			components: {
				TABBAE
			},
			data() {
				return {
					show: true
				}
			},
			
			onLoad() {
				
			},
			methods: {
				a(){
					uni.navigateTo({
						url:"../growth/growth"
					})
				},
				a1(){
					uni.navigateTo({
						url:"../team/team"
					})
				},
				a2(){
					uni.navigateTo({
						url:"../xuncharizhi/xuzhanrizhijiaoan"
					})
				},
				a3(){
					uni.navigateTo({
						url:"../fankui/fankuileibiao"
					})
				},
				a4(){
					uni.navigateTo({
						url:"../hetongxieyi/hetong"
					})
				},
			}
		}
</script>

<style scoped>
	.TBB{
		width:100vw;
		position:fixed;
		bottom:0rpx;
	}
	.cover {
			position: fixed;
			top: 0;
			width: 100%;
			height: 100vh;
			background: #000000;
			opacity: 0.6;
			z-index: 10;
		} 
	.content {
		width: 432rpx;
		height: 574rpx;
		opacity: 1;
		background: #ffffff;
		position:relative;
	}
	.Details-huod{
		width: 432rpx;
		height: 556rpx;
		opacity: 1;
		background: #ffffff;
		position:absolute;
		top:300rpx;
		left:160rpx;
		z-index:11;
	}
	.content-top{
		width: 368rpx;
		height: 368rpx;
		opacity: 1;
		background: #dddddd;
		margin:0 auto;
		margin-top:24rpx;
	}
	.content-guan{
		position:absolute;
		top:950rpx;
		left:340rpx;
		z-index:11;
	}
	.warps {
		/* height:200vh; */
		overflow: hidden;
		background-color: #FFFFFF;
	}

	.mine-lan {
		width: 750rpx;
		height: 340rpx;
		background:#BFDBF1;
		position: relative;
		overflow: hidden;
	}

	.mine-nicheng {
		width: 750rpx;
		height: 1324rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 40rpx 40rpx 0rpx 0rpx;
		position: absolute;
		top: 260rpx;
	}
</style>
